@media screen and (max-width:575px) {
	.header{
		padding: 25px 0;
	}
	.menu{
		display: block;
		cursor: pointer;
	}
	nav>ul{
		display: none;
	}
	nav>input[type='checkbox']:checked-ul{
		display: block;
	}
	
	nav ul li{
		width: 100%;
		display: inline-block;
		text-align: center;
		margin: 0;
		padding: 0;
	}
	.logo{
		width: 17%;
		right: 4%;
	}
	.banner{
		min-height: 200px;
	}
	.mission{
		padding: 20px 0;
	}
	.miss-container{
		margin-top: 15px;
	}
	.miss-header h3{
		font-size: 1.25em;
	}
	.mis-right h3{
		font-size: 1em;
	}
	.mis-left, .mis-right{
		padding: 0;
		float: left;
		width: 100%;
	}
	.mis-right{
		margin: 30px 0 0 0;
	}
	.mis-left{
		width: 13%;
		margin-top: 3px;
	}
	.mis-right{
		width: 82%;
	}
	.mis-right p{
		margin: 10px 0 0 0 ;
	}
	.mis-one{
		margin-bottom: 24px;
	}
	.mis-one:nth-child(3){
		margin: 0;
	}
	.footer p{
		margin: 0 0 20px 0 ;
	}
}

@media screen and (min-width:576px){
	nav>ul li a{
		font-size: 1em;
	}
	nav>ul li{
		margin: 0 10px;
	}
	.logo{
		width: 80%;
		right: 4%;
	}
	.banner{
		min-height: 240px;
	}
}

@media screen and (min-width:768px){
	.header{
		padding: 24px 0;
	}
	.logo{
		width: 13%;
		right: 6%;
	}
	.banner{
		min-height: 200px;
	}
	nav>ul li a{
		font-size: 1.1em;
	}
	nav>ul li{
		margin: 0 20px;
	}
	.banner{
		min-height: 300px;
	}
	.mission_div{
		padding: 0 5px;
	}
	.mis-right p {
		margin-top: 2px;
	}
	.mis-one{
		margin-bottom: 0.5rem;
	}
}

@media screen  and (min-width:992px){
	nav>ul li a {
		font-size: 1.25em;
	}
	
	nav>ul li {
		margin: 0 35px;
	}
	.banner{
		min-height: 360px;
	}
	.mission_div{
		padding: 0 15px;
	}
	.mis-right p {
		margin-top: 2px;
	}
	.mis-one{
		margin-bottom: 1.8rem;
	}
}

@media screen and ( min-width:1200px){
	nav>ul li{
		margin: 0 40px;
	}
	.banner{
		min-height: 540px;
	}
	.banner{
		min-height: 360px;
	}
	.mission_div{
		padding: 0 15px;
	}
	.mis-right p {
		margin-top: 10px;
	}
	.mis-one{
		margin-bottom: 1.8rem;
	}
}
